﻿
.oogrid
{
    border:1px solid #A7BAC5;
}

.oogrid table
{
    border: 0 none #EEEEEE;
    border-collapse: collapse;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
}

.oogrid td
{
    border-right: 1px solid #EEEEEE;
    cursor: default;
    line-height: 22px;
    overflow: hidden;
    padding: 5px 4px;
}
.oogrid td.cell-last
{
    border:0px;
}

.oogrid .grid-header
{
    border-bottom:1px solid #A7BAC5;
    padding-right:17px;
    background-color:#f4f8f8;
}
.oogrid .grid-header th {
    border-right:1px solid #dddddd;
    cursor: default;
}
.oogrid .grid-header th.sortable {
    cursor: pointer;
}
.oogrid .grid-header th.sortable:hover {
    background-color: #E3FAFC;
}
.oogrid .grid-header .oogrid-column
{
    background:url(images/grid-images.png) 0 -360px repeat-x;
    overflow:hidden;
    line-height:28px;
    position: relative;
}
.oogrid span.sort-status
{
    display:inline-block;
    position: absolute;
    right: 0px;
    overflow:hidden;
    width:12px;
    height:22px;
    background:url(images/grid-images.png) 0 -245px no-repeat;
}
.oogrid th.sortable.sorted-asc span.sort-status
{
    background:url(images/grid-images.png) 0 -210px no-repeat;
}
.oogrid th.sortable.sorted-desc span.sort-status
{
    background:url(images/grid-images.png) 0 -180px no-repeat;
}

.oogrid .grid-body
{
    overflow-y:scroll;
}
.oogrid .grid-footer
{
    border-top:1px solid #A7BAC5;
    background-color:#F9FBFC;
    padding:4px 0;
    font-size:12px;
    font-family: "Segoe UI",Arial,sans-serif;
}

.row_even
{
    background-color:#ffffff;
}
.row_odd
{
    background-color:#F7F7F7;
}

.row-mouseover
{
    background-color:#f4f0cd;
}
.row-selected
{
    background-color:#f1dea5;
}
.oogrid .grid-info
{
    float:right;
    display:inline-block;
    padding-right: 8px;
}
.oogrid .grid-refresher
{
    float: left;
    padding: 2px 12px 2px 5px;
    min-width: 60px;
}
.oogrid .link-refresh
{
    display:inline-block;
    cursor:pointer;
}

/***********************************************************/
.grid-pager {
    float: left;
}
.grid-pager ul {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.grid-pager ul li {
    float: left;
    list-style-type: none;
    margin: 0;
}
.grid-pager a
{
    display:inline-block;
    margin:0px 2px;
    cursor:pointer;
    padding:1px 5px;
    height: 15px;
    border: 1px solid #F9FBFC;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.grid-pager a:hover {
    border:1px solid #dddddd;
    background-color:#ffffff;
}
.grid-pager li.current a {
    border:1px solid #dddddd;
    background-color:#ffffff;
    cursor: default;
    text-decoration: none;
}

.grid-pager ul li.first a,
.grid-pager ul li.previous a,
.grid-pager ul li.next a,
.grid-pager ul li.last a
{
    width:12px;
    background-image: url(images/grid-images.png);
    background-repeat: no-repeat;
}
.grid-pager ul li.first.disabled a,
.grid-pager ul li.previous.disabled a,
.grid-pager ul li.next.disabled a,
.grid-pager ul li.last.disabled a {
    cursor: default;
}

.grid-pager ul li.first a
{
    background-position: 5px 2px;
}
.grid-pager ul li.first.disabled a
{
    background-position: 5px -88px;
}
.grid-pager ul li.previous a
{
    background-position: 5px -19px;
}
.grid-pager ul li.previous.disabled a
{
    background-position: 5px -109px;
}
.grid-pager ul li.next a
{
    background-position: 5px -41px;
}
.grid-pager ul li.next.disabled a
{
    background-position: 5px -131px;
}
.grid-pager ul li.last a
{
    background-position: 5px -62px;
}
.grid-pager ul li.last.disabled a
{
    background-position: 5px -152px;
}